<script setup>
import { addressStore } from '@/stores'

const store = addressStore()
</script>
<template>
  <el-select clearable placeholder="Select" size="large" class="my-select">
    <el-option
      v-for="item in store.options"
      :key="item.lot_code"
      :label="item.text"
      :value="item.lot_code"
    />
  </el-select>
</template>

<style scoped>
.el-select :deep(.el-select__wrapper) {
  height: 38px !important;
  line-height: 38px !important;
  font-size: 18px;
}
.el-select :deep(.el-select-dropdown__item) {
  font-size: 18px;
  height: 100px;
}
.el-select {
  width: 248px;
  border: 1px solid #d8dce6;
  border-radius: 10px;
  margin: auto 0;
}
</style>
